*{
    padding: 0;margin: 0;
}

.home{
    overflow: hidden;

    .dotClass {
        width:10px;
        height:10px;
        border-radius: 50%;
        display: block;
        margin-left: 10px;  //这个用于圆点居中
      }
    .header{
        width: 100%;
        height: 75px;
        background-color: rgb(56, 55, 55);
        display: flex;
        justify-content: space-between;


        .title{
            color: white;
            font-size: 26px;
            text-align: center;
            line-height: 70px;
            margin-left: 30px;
        }

        ::v-deep .el-dropdown{
            height: 25px;
            margin: 25px 150px 0 0;
            color:white;
            font-size: 17px;
          }

        ::v-deep .el-icon-arrow-down:hover{
            color: #5dd5c8;
        }
       
        ::v-deep .el-button--default{
            width: 22px;
            font-size: 25px;
            background: rgb(56, 55, 55);
            color: white;
            border: none;
        }
        ::v-deep .el-button--default :hover{
            color: #5dd5c8;
        }
        ::v-deep .el-drawer{
            background-color: rgb(56, 55, 55);
            color: rgb(212, 209, 209);

            .drawer-item{
                display: flex;
                align-items: center;
                padding: 20px 0 20px 0 ;
                border-bottom: 1px solid #656666;

                .item-right{
                    margin-left: 30px;
                    
                    .date{
                        margin-top: 5px;
                    }
                }
            }
            .drawer-item :hover{
               color: rgb(152, 153, 153);
            }
            .drawer-active{
                display: flex;
                align-items: center;
                padding: 20px 0 20px 0 ;
                border-bottom: 1px solid #656666;
                color: rgb(152, 153, 153);
             }
            .null{
                text-align: center;
                margin-top: 20px;
            }
            
        }
        ::v-deep .el-drawer__body{
            padding: 0 20px 0 20px;
        }
        ::v-deep .el-drawer__header{
            color: rgb(230, 230, 230);
            font-weight: 550;
            font-size: 20px;
        }
        
    }

    ::v-deep .el-loading-mask{
        background-color: rgba($color: #fcfafa, $alpha: 0.3);
    }
    
    .content{
        width: 100%;
        height: calc(100-75px);
        overflow: hidden;
        display: flex;

        .content-left{
            width: 15%;

            ::v-deep .el-menu-vertical-demo{
                height: 100vh;
            }
        }
        
        .content-right{
            width: 85%;
            padding: 30px;

            ::v-deep .el-input{
                margin-bottom: 30px;
                width: 300px;
            }

            ::v-deep .el-pagination{
                width: 500px;
                margin: 30px auto;
            }
        }
    }

    ::v-deep .el-button--danger{
        width: 70px;
        height: 35px;
        font-size: 13px;
    }

    ::v-deep .el-button--primary{
        width: 70px;
        height: 35px;
        font-size: 13px;
    }

    ::v-deep .el-button--default{
        width: 60px;
    }
}